<template>
  <view class="body">
    <c-navBar title="客服中心" isSeat></c-navBar>
    <view id="wrap" class="dis_cc">
      <button open-type="contact" bindcontact="handleContact">
        <view class="tool-item dis_cc fdc">
          <image src="../static/service-icon.png" mode=""></image>
          <text>在线客服</text>
        </view>
      </button>

      <!-- <view class="tool-item dis_cc fdc" @click="makePhoneCall">
        <image src="../static/servicePhone-icon.png" mode=""></image>
        <text>客服热线：17602874605</text>
      </view> -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    makePhoneCall() {
      uni.makePhoneCall({
        phoneNumber: "17602874605", //仅为示例，并非真实的电话号码
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.body {
  width: 100vw;
  min-height: 100vh;
  background-color: #fff;
}
#wrap {
  width: 100vw;
  min-height: 70vh;
  flex-direction: column;
}

.tool-item {
  margin-top: 200rpx;
  font-size: 24rpx;
  color: #343434;
  image {
    width: 64rpx;
    height: 64rpx;
  }
  > text {
    margin-top: 30rpx;
  }
}

// 重置按钮样式
button {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}

button::after {
  border: none;
}

.button-hover {
  color: rgba(0, 0, 0, 0.6);
  background-color: #fff;
}
</style>
